﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Teamplate.Master" AutoEventWireup="true" CodeBehind="DangKy.aspx.cs" Inherits="WebNhaXuatBan.DangKy" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<a style="margin-left:30px;" href="default.aspx"><img src="Images/Folder-Home-Folder-icon.png" alt="Group EM09" /></a>
<img style="margin-left:30px;" src="Images/TaoTaiKhoan.png" alt="Group EM09" />
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
<script type="text/javascript">
    var $j = jQuery.noConflict();
    $j(document).ready(function () {
        // Make the AJAX call to the WebMethod when the textbox loses focus
        $j("#<%=txtTenDangNhap.ClientID %>").keyup(function () {
            $j("#checkReturn").css({
                "color": "red",
                "font-weight": "bold",
                "font-size": "small",
                "padding-left": "5px"
            });
            if ($j("#<%=txtTenDangNhap.ClientID %>").val() == "") {
                $j("#checkReturn").text("Tài Khoản Không Được Để Ký Tự Trống");
                ktThongTinDangKy();
                return;
            }
            else if ($j("#<%=txtTenDangNhap.ClientID %>").val().length < 4 || $j("#<%=txtTenDangNhap.ClientID %>").val().length > 16) {
                $j("#checkReturn").text("Tài Khoản Từ 4 -> 16 ký tự");
                ktThongTinDangKy();
                return;
            }
            var reg = /^[a-zA-Z0-9._-]+$/;
            if (!reg.test($j("#<%=txtTenDangNhap.ClientID %>").val())) {
                $j("#checkReturn").text("Tài Khoản Không dùng ký tự đặt biệt");
                ktThongTinDangKy();
                return;
            }
            $j.ajax({
                type: "POST",
                url: "default.aspx/KiemTraTenTaiKhoan",
                data: "{'TenDangNhap':'" + $j("#<%=txtTenDangNhap.ClientID %>").val() + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (message) {
                    if (message.d == false) {
                        $j("#checkReturn").css({
                            "color": "red",
                            "font-weight": "bold",
                            "font-size": "small",
                            "padding-left": "5px"
                        });
                        $j("#checkReturn").text("Username này đã tồn tại");
                        // Ẩn Nút Submit nếu UserName không hợp lệ
                        //                        $j("#btnSubmit").hide();
                    }
                    else {
                        $j("#checkReturn").css({
                            "color": "green",
                            "font-weight": "bold",
                            "font-size": "small",
                            "padding-left": "5px"
                        });
                        $j("#checkReturn").text("ok")
                        //                        ktThongTinDangKy();
                    }
                    ktThongTinDangKy();
                },
                error: function (errormessage) {
                    //Hiển thị lỗi nếu xảy ra
                    $j("#checkReturn").text(errormessage.responseText);
                }
            });
        });
        //Kiểm tra mật khẩu
        $j("#<%=txtMatKhau.ClientID %>").keyup(function () {
            try {
                $j("#checkReturn1").css({
                    "color": "red",
                    "font-weight": "bold",
                    "font-size": "small",
                    "padding-left": "5px"
                });
                if ($j("#<%=txtMatKhau.ClientID %>").val() == "") {
                    $j("#checkReturn1").text("Mật Khẩu Không Được Trống");
                    ktThongTinDangKy();
                    return;
                }
                else if ($j("#<%=txtMatKhau.ClientID %>").val().length < 4 || $j("#<%=txtMatKhau.ClientID %>").val().length > 12) {
                    $j("#checkReturn1").text("Mật Khẩu Phải Từ 4 -> 16 ký tự");
                    ktThongTinDangKy();
                    return;
                }
                else {
                    $j("#checkReturn1").text("ok");
                    ktThongTinDangKy();
                    $j("#checkReturn1").css({
                        "color": "green",
                        "font-weight": "bold",
                        "font-size": "small",
                        "padding-left": "5px"
                    });
                }
            }
            catch (e) { }
            finally { }
        });
        //Kiểm tra gõ mật khẩu
        $j("#<%=txtXacNhan.ClientID %>").keyup(function () {
            try {
                $j("#checkReturn2").css({
                    "color": "red",
                    "font-weight": "bold",
                    "font-size": "small",
                    "padding-left": "5px"
                });
                if ($j("#<%=txtXacNhan.ClientID %>").val() == "") {
                    $j("#checkReturn2").text("Mật Khẩu Không Được Trống");
                    ktThongTinDangKy();
                    return;
                }
                else if ($j("#<%=txtXacNhan.ClientID %>").val() != $j("#<%=txtMatKhau.ClientID %>").val()) {
                    $j("#checkReturn2").text("Nhập sai mật khẩu");
                    ktThongTinDangKy();
                    return;
                }
                else {
                    $j("#checkReturn2").text("ok");
                    ktThongTinDangKy();
                    $j("#checkReturn2").css({
                        "color": "green",
                        "font-weight": "bold",
                        "font-size": "small",
                        "padding-left": "5px"
                    });
                }
            }
            catch (e) { }
            finally { }
        });
        //Kiểm tra email
        $j("#<%=txtEmail.ClientID %>").keyup(function () {
            try {
                $j("#checkReturn3").css({
                    "color": "red",
                    "font-weight": "bold",
                    "font-size": "small",
                    "padding-left": "5px"
                });
                var reg = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
                if ($j("#<%=txtEmail.ClientID %>").val() == "") {
                    $j("#checkReturn3").text("Email Không Được Trống");
                    ktThongTinDangKy();
                    return;
                }
                if (!reg.test($j("#<%=txtEmail.ClientID %>").val())) {
                    $j("#checkReturn3").text("Email Không hợp lệ @***.com");
                    ktThongTinDangKy();
                    return;
                }
                $j("#checkReturn3").text("ok");
                ktThongTinDangKy();
                $j("#checkReturn3").css({
                    "color": "green",
                    "font-weight": "bold",
                    "font-size": "small",
                    "padding-left": "5px"
                });
            }
            catch (e) { }
            finally { }
        });
        //Kiểm tra địa chỉ
        $j("#<%=txtDiachi.ClientID %>").keyup(function () {
            try {
                $j("#checkReturn4").css({
                    "color": "red",
                    "font-weight": "bold",
                    "font-size": "small",
                    "padding-left": "5px"
                });
                if ($j("#<%=txtDiachi.ClientID %>").val() == "") {
                    $j("#checkReturn4").text("Tên Công Ty Không Được Trống");
                    ktThongTinDangKy();
                    return;
                } else {
                    $j("#checkReturn4").css({
                        "color": "green",
                        "font-weight": "bold",
                        "font-size": "small",
                        "padding-left": "5px"
                    });
                    $j("#checkReturn4").text("ok");
                    ktThongTinDangKy();
                }
            }
            catch (e) { }
            finally { }
        });
        //Kiểm tra địa chỉ
        $j("#<%=txtCauTraLoi.ClientID %>").keyup(function () {
            try {
                $j("#checkReturn5").css({
                    "color": "red",
                    "font-weight": "bold",
                    "font-size": "small",
                    "padding-left": "5px"
                });
                if ($j("#<%=txtCauTraLoi.ClientID %>").val() == "") {
                    $j("#checkReturn5").text("Câu Trả Lời Không Được Trống");
                    ktThongTinDangKy();
                    return;
                } else {
                    $j("#checkReturn5").css({
                        "color": "green",
                        "font-weight": "bold",
                        "font-size": "small",
                        "padding-left": "5px"
                    });
                    $j("#checkReturn5").text("ok");
                    ktThongTinDangKy();
                }
            }
            catch (e) { }
            finally { }
        });
        // kết thúc       
    });
    function ktThongTinDangKy() {
        $j("#<%=dangKy.ClientID %>").attr("disabled", "true");
        if ($("#checkReturn").html() == "ok") {
            if ($("#checkReturn1").html() == "ok") {
                if ($("#checkReturn2").html() == "ok") {
                    if ($("#checkReturn3").html() == "ok") {
                        if ($("#checkReturn4").html() == "ok") {
                            if ($("#checkReturn5").html() == "ok") {
                                $j("#<%=dangKy.ClientID %>").removeAttr("disabled");
                            }
                        }
                    }
                }
            }
        }
    }
 </script>
<div style="width:600px; height:400px;  margin-left:200px; background-image:url(../images/DangKy_1.jpg");">
 <div class="banedangky">
    <div style="width:400px;"><asp:Label ID="Label1" runat="server" Text="Tên Đăng Nhập:"></asp:Label> <span id="checkReturn">*</span>
    <br />
    <asp:TextBox ID="txtTenDangNhap" runat="server" AutoCompleteType="Disabled" 
            Width="140px" />
    </div>
    <div style="width:500px; margin-right: 0px;"><asp:Label ID="Label2" runat="server" Text="Mật Khẩu:"></asp:Label> <span id="checkReturn1">*</span>
    <br />
    <asp:TextBox ID="txtMatKhau" runat="server" TextMode="Password" 
            AutoCompleteType="Disabled" Width="140px" />
    </div>
    <div style="width:500px;"><asp:Label ID="Label3" runat="server" Text="XácNhậnMậtKhẩu:"></asp:Label><span id="checkReturn2">*</span>
    <br />
    <asp:TextBox ID="txtXacNhan" runat="server" TextMode="Password" 
            AutoCompleteType="Disabled" Width="140px" />
    </div>
    <div style="width:500px;"><asp:Label ID="Label4" runat="server" Text="Email:"></asp:Label><span id="checkReturn3">*</span>
    <br />
      <asp:TextBox ID="txtEmail" runat="server" AutoCompleteType="Disabled" 
            Width="140px" />
    </div>
    <div style="width:500px;"><asp:Label ID="Label5" runat="server" Text="Tên Công Ty:"></asp:Label> <span id="checkReturn4">*</span>
    <br />
    <asp:TextBox ID="txtDiachi" runat="server" AutoCompleteType="Disabled" 
            Width="140px" />
    </div>
    <div style="width:500px;"><asp:Label ID="Label6" runat="server" Text="Câu Hỏi Quên Mật Khẩu:"></asp:Label> <span id="Span1">*</span>
    <br />
        <asp:DropDownList ID="DropDownList1" runat="server" Width="140px">
            <asp:ListItem Value="1">Bạn yêu thích con vật nào nhất?</asp:ListItem>
            <asp:ListItem Value="2">Bạn ghét con vật nào nhất?</asp:ListItem>
            <asp:ListItem Value="3">Môn thể thao yêu thích của bạn là gì?</asp:ListItem>
            <asp:ListItem Value="4">Bộ phim nào gây ấn tượng nhất với bạn?</asp:ListItem>
            <asp:ListItem Value="5">Bạn mong muốn được sống ở đâu?</asp:ListItem>
            <asp:ListItem Value="6">Ngày cưới của bạn là ngày nào?</asp:ListItem>
            <asp:ListItem Value="7">Bạn tốt nghiệp trung học tại trường nào?</asp:ListItem>
            <asp:ListItem Value="8">Biển số xe của bạn là gì?</asp:ListItem>
        </asp:DropDownList>
    </div>
    <div style="width:500px;"><asp:Label ID="Label7" runat="server" Text="Câu Trả Lời:"></asp:Label> <span id="checkReturn5">*</span>
    <br />
    <asp:TextBox ID="txtCauTraLoi" runat="server" AutoCompleteType="Disabled" 
            Width="140px" />
    </div>
    <div style="width:500px;"><asp:Button ID="dangKy" runat="server" Text="Đăng Ký" 
            Enabled="False" onclick="dangKy_Click" /></div>  
</div> 
</div>
</asp:Content>
